import React, { Component } from 'react'
import logo from './img/logo.png'
import './index.scss'
import { Checkbox } from 'antd-mobile'
import { Input } from 'antd-mobile'
export default class Login extends Component {
    render() {
        return (
            <div className='containe_1'>
                <div className='login_header'>
                    <div>
                        <img src={logo} alt={logo} style={{ width: '94px', height: '94px' }} />
                        <div style={{ fontSize: '16px', color: '#1f1f21', fontWeight: '700', textAlign: 'center', lineHeight: '40px' }}>旺仔旺铺</div>
                    </div>
                </div>
                <div>
                    <Input
                        placeholder='请输入手机号'
                        // value={value}
                        clearable={true}
                        // onChange={val => {
                        //     setValue(val)
                        // }}
                        className='username_inp'
                    />
                    <div className='username_inp_2'>
                        <Input
                            placeholder='请输入密码'
                            // value={value}
                            clearable={true}
                            // onChange={val => {
                            //     setValue(val)
                            // }}
                            style={{
                                width: '90%'
                            }}
                        />
                        <button style={{ width: '120px', outline: 'none', border: 'none', borderRadius: '10px', marginBottom: '5px', opacity: '.6' }}>获取验证码</button>
                    </div>
                    <div className='check_box'>
                        <Checkbox
                            style={{
                                '--icon-size': '18px',
                                '--font-size': '14px',
                                '--gap': '6px',
                            }}
                        >
                            登录注册代表同意
                            <span>用户协议</span>
                            和
                            <span>隐私协议</span>
                        </Checkbox>
                    </div>
                </div>
            </div>
        )
    }
}
